@charset "utf-8";
@import "./_reset";

@function r($px){
	@return $px / 50px * 1rem
}
html,body{
	width: 100%;
	height: 100%;
	// overflow: hidden;
}
	// 中间内容
	.section_content{
		position: fixed;
		left: 0;
		right: 0;
		top: r(89px);
		bottom: r(96px);
		overflow: auto;
		// box-sizing: border-box;
		// 顶部轮播图
		.sy_img{
			width: 100%;
			height: r(357px);
			position: relative;
			// margin-bottom: r(30px);
			img{
				width: 100%;
				height: 100%;
			}
			.img_hid{
				width: 100%;
				height: r(104px);
				background-color: rgba(0,0,0,0.5);
				position: absolute;
				bottom: 0;
				right: 0;
				text-align: center;
				
				h1{
					margin: r(24px) auto r(18px);
					// font-weight: bold;
					color: white;
					font-size: r(26px);
					height: r(30px);
					width: r(600px);
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
				p,span{
					color: white;
					font-size: r(11px);
				}
				p{
					// display: inline-block;
					// float: left;
					margin-left:r(20px) ;
					vertical-align: bottom;
					text-align: left;
					line-height:r(17px) ;
					.hid_date{
						margin-right:r(20px) ;
					}
					i,span{
						vertical-align: middle;
					}
				}
			}
		}
		// 新闻列表
		.new_list{
			width: r(582px);
			height: r(135px);
			// background-color: pink;
			margin: r(30px) auto 0;
			padding-bottom: r(18px);
			border-bottom: 1px solid  #f5f5f5;
			.left_list{
				width: r(325px);
				height: r(117px);
				float: left;
				h1{
					font-size: r(24px);
					text-align: justify;
					line-height: 1.5;
				}
				p{
					color: #c5c5c5;
					height: r(44px);
					line-height: r(44px);
					vertical-align: middle;
					margin-top: r(10px);
					span{
						float: right;
					}
				}
			}
			.right_img{
				width: r(209px);
				height: r(117px);
				float: right;
				img{
					width: 100%;
					height: 100%;
				}
			}
		}
		.bor_bott{
			border-bottom: 10px solid  #f5f5f5;
		}
		.bor_none{
			border-bottom: none;
		}
		.new_lists{
			width: r(582px);
			height: r(219px);
			margin: r(30px)  auto 0;
			h1{
				font-size: r(24px);
				text-align: justify;
			}
			p{
				color: #c5c5c5;
				margin-top: r(10px);
				span{
					float: right;
				}
				.iconrenxiang,.iconpinglun{
					font-size: r(12px);
				}
			}
			.center_con{
				height: r(146px);
				display: flex;
				align-items: center;
				justify-content: space-between;
				.cen_img1{
					width: r(185px);
					height: r(123px);
					img{
						width: 100%;
						height: 100%;
					}
				}
			}
		}
		.list_load{
			margin: 0 auto;
			width: r(584px);
			height: r(60px);
			line-height: r(60px);
			font-size: r(22px);
			text-align: center;
			color: #c5c5c5;
		}
	}


